<!DOCTYPE html>
<html style="overflow: scroll !important;">

	<head>
		<meta charset="UTF-8">
		<title>资质代办费用_资质代办多少钱_资质代办价格-奇快企服</title>
		<meta name="applicable-device" content="pc">
		<meta name="mobile-agent" content="format=html5; url="https://m.qikuai100.com/baojia/" >
		<meta name="mobile-agent" content="format=xhtml; url="https://m.qikuai100.com/baojia/" >
		<meta name="mobile-agent" content="format=wml; url="https://m.qikuai100.com/baojia/" >

		
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="keywords" content="资质代办多少钱，资质代办价格，资质代办费用">
		<meta name="description" content="想了解资质代办需要多少钱？上奇快企服免费为您提供资质代办价格，资质代办费用，资质办理所需的各项人员及办理服务费收取费用明细。">

		<link rel="icon" href="/icon.png">
		<link rel="stylesheet" href="/static/index/css/reset.css">
		<link rel="stylesheet" href="/static/index/lib/bootstrap.css">
		<link rel="stylesheet" type="text/css" href="/static/index/lib/swiper.min.css" />

		<link rel="stylesheet" href="/static/index/css/common.css">
		<link rel="stylesheet" href="/static/index/css/home.css">

		<!-- scopr css -->
		<link rel="stylesheet" href="/static/index/css/price.css">
		<link rel="stylesheet" href="/static/index/lib/pick-pcc.css" />

		<script src="/static/index/lib/jquery-2.1.4.js"></script>
		<script src="/static/index/lib/bootstrap.min.js"></script>
		<script type="text/javascript" src="/static/index/lib/swiper-3.4.2.min.js"></script>
		<script type="text/javascript" src="/static/index/lib/template.js"></script>
		<script>
			var _hmt = _hmt || [];
			(function() {
			  var hm = document.createElement("script");
			  hm.src = "https://hm.baidu.com/hm.js?8b340ebdd740974de9d621b14ab09b43";
			  var s = document.getElementsByTagName("script")[0]; 
			  s.parentNode.insertBefore(hm, s);
			})();
		</script>
	</head>

	<body>
		{include file="public/push"}
		{include file="public/header"}

		<div class="widthFullScreen middle_swiper" style="height: 665px;min-width: 1200px">
			<div class="swiper-container banner_con">
				<div class="swiper-wrapper">
					<div class="swiper-slide" style="background: url(https://img.qikuai100.com/bgNew.jpeg) no-repeat center top;background-size: auto 100%;">
						<a href="#"></a>
					</div>
				</div>
				
			</div>

			<div class="wdSafe treesContainer" style="width: 1300px">
				<div class="price_type">
					<ul class="type_choose clearfix">
						<li class="active">获取报价</li>
						<li>免费询价</li>
					</ul>
					<!-- 获取报价 -->
					<div class="post_form">
						<div class="time_line">
							<div class="row">
								<div class="col-md-4">选择添加资质类型与地区</div>
								<div class="col-md-4">点击获取按钮报价</div>
								<div class="col-md-4">获取相关资质报价</div>
							</div>
						</div>
						<div class="form_ipt">
							<!--定义模板-->
							<span id="chooseOne"></span>
							<script id="chooseOneScript" type="text/html">
								<select class="com_ipt_price" name="" id="chooseOneSelect">
									<option value="">选择资质类别</option>
									{{each data item i}}
									<option value="{{item.id}}">{{item.category_name}}</option>
									{{/each}}
								</select>
							</script>

							<span id="chooseTwo"></span>
							<script id="chooseTwoScript" type="text/html">
								<select class="com_ipt_price" name="" id="chooseTwoSelect">
									<option value="">选择资质专业</option>
									{{each subcategoy itemTwo i}}
									<option value="{{itemTwo.id}}">{{itemTwo.category_name}}</option>
									{{/each}}
								</select>
							</script>

							<span id="chooseThree"></span>
							<script id="chooseThreeScript" type="text/html">
								<select class="com_ipt_price" name="" id="chooseThreeSelect">
									<option value="">选择资质等级</option>
									{{each levels itemThree i}}
									<option value="{{itemThree.level_id}}">{{itemThree.level_name}}</option>
									{{/each}}
								</select>
							</script>
                        
                            <button type="button" class="btn btn-primary" style="height: 45px;background:#19b1f0;border-color:#19b1f0;margin-left: 22px;" id="addPriceDt" onclick="addProject()" >添加项目</button>
                            <div class="com_select_Dt">
                                <div class="com_select_Hd">已选项目</div>
                                <div class="com_select_Bd" id ="com_select_div"></div>
                            </div>
							<input type="button" class="com_submit" name="" id="getPriceDt" onclick="goGetDt()" value="获取报价" />
							
						</div>
					</div>
					<!-- 免费询价 -->
					<div class="post_form" style="display: none;">
						<div style="box-sizing: border-box;padding: 0px 100px;">
							<input class="bannerIpt bgName" id="name" type="text" placeholder="请输入姓名" />
							<div class="pick-area bgAddress pick-area2" name="" style="margin-top: 24px;"></div>
							<!--<input class="" id="addressOne" type="text" class="pick-area-hidden" placeholder="请选择地址"/>-->
							<input class="bannerIpt bgPhone" id="phone" type="number" placeholder="请输入联系电话" />
							<div class="codeBox">
								<input type="text" name="" id="codeNum" value="" placeholder="请输入验证码" class="codeNumBox" />
								<input type="button" name="" id="sendCode" value="发送验证码" class="sendCodeBox" />
							</div>
							<input class="form_box_btn" onclick="getOrder()" value="免费咨询报价" type="button" />
						</div>
					</div>
					<!-- 免费询价 over -->
				</div>
			</div>
		</div>
				
		<ol class="wdSafe breadcrumb infor_subNav" style="background: #fff;">
		  	<li><a href="/">首页</a></li>
		  	<li class="active">获取报价</li>
		</ol>
		<div class="wdSafe price_list">
			<div class="price_box_title">建筑类资质价目表</div>
			<div class="row price_wrap" id="catgroyBottomHtml">
				{foreach $category_list as $vo}
				<div class="" style="width: 100%;">
					<div class="price_tab_box">
						<div class="tab_price_title">{$vo.category_name}价目表</div>
						<ul class="price_list_ul clearfix">
							{foreach $vo.subcategoy as $sub}
							<li>
								<a href="/baojia/{$vo.id}-{$sub.id}/">{$sub.category_name}</a>
							</li>
							{/foreach}
						</ul>
					</div>
				</div>
				{/foreach}
			</div>
		</div>

		{include file="public/footer"}

		<script type="text/javascript" src="/static/index/lib/pick-pcc.min.1.0.2.js"></script>
		<script type="text/javascript" src="/static/index/layer/layer.js"></script>
		<script type="text/javascript" src="/static/index/js/orderCode.js"></script>
		<script type="text/javascript">
            var select_project = [];
			$(".pick-area2").pickArea({
				"format": "省份/城市", //格式
				"width": "359",
				"borderColor": "#c5c6c6", //文本边框的色值
				"arrowColor": "#555555", //箭头颜色
				"listBdColor": "#c5c6c6", //下拉框父元素ul的border色值
				"color": "#666666", //字体颜色
				"fontSize": "16px", //字体大小
				"paddingLeft": "38px",
				"arrowRight": "10px",
				"preSet": "北京市/市辖区",
				"getVal": function() {
					console.log($(".pick-area-hidden").val())
				}
			});
			//var baseUrl = 'http://a.dev.com/',
            var baseUrl = 'https://api.qikuai100.com/',
				catgeroyList = {};
			$(function() {
				var mySwiper = new Swiper('.banner_con', {
					autoplay: 0, //可选选项，自动滑动
					loop: false,
					onlyExternal: true
				});
				$('.type_choose').children("li").click(function() {
					var index = $(this).index();
					$(this).addClass("active").siblings().removeClass('active');
					$('.post_form').hide();
					$('.post_form').eq(index).show();
				});
				initDateOne();
			});

			// 资质分类
			function initDateOne() {
				$.ajax({
					type: "POST",
					url: baseUrl + "api/category/list",
					data: {
						"type": 1
					},
					success: function(result) {
						if(result.ret == 0) {
							catgeroyList = result;
							// console.log(catgeroyList);
							var chooseOne = template('chooseOneScript', catgeroyList);
							// var catgroyBottomHtml = template('catgroyBottomScript', catgeroyList);
							document.getElementById('chooseOne').innerHTML = chooseOne;
							// document.getElementById('catgroyBottomHtml').innerHTML = catgroyBottomHtml;
						}
					}
				});
			}

			// 选择资质专业
			var twoCatList = {
				name: "资质专业",
				subcategoy: []
			};
			$('#chooseOne').on("change", "#chooseOneSelect", function() {
				var ss = $(this).children('option:selected').val();
				if(ss) {
					for(var i = 0; i < catgeroyList.data.length; i++) {
						if(ss == catgeroyList.data[i].id) {
							twoCatList.subcategoy = catgeroyList.data[i].subcategoy;
						}
					}
				}
				var chooseTwo = template('chooseTwoScript', twoCatList);
				document.getElementById('chooseTwo').innerHTML = chooseTwo;
			});
			// 初始化资质专业
			var chooseTwo = template('chooseTwoScript', twoCatList);
			document.getElementById('chooseTwo').innerHTML = chooseTwo;

			// 选择资质等级
			var threeCatList = {
				name: "资质等级",
				levels: []
			};
			$('#chooseTwo').on("change", "#chooseTwoSelect", function() {
				var ssTwo = $(this).children('option:selected').val();
				if(ssTwo) {
					for(var i = 0; i < twoCatList.subcategoy.length; i++) {
						if(ssTwo == twoCatList.subcategoy[i].id) {
							threeCatList.levels = twoCatList.subcategoy[i].levels;
						}
					}
				}
				var chooseThree = template('chooseThreeScript', threeCatList);
				document.getElementById('chooseThree').innerHTML = chooseThree;
			});
			// 初始化资质专业
			var chooseThree = template('chooseThreeScript', threeCatList);
			document.getElementById('chooseThree').innerHTML = chooseThree;
            //添加项目
            function  addProject() {
                var idOne = $('#chooseOneSelect').val(),
                    idTwo = $('#chooseTwoSelect').val(),
                    idThree = $('#chooseThreeSelect').val(),
                    nameOne = $('#chooseOneSelect').find("option:selected").text(),
                    nameTwo = $('#chooseTwoSelect').find("option:selected").text(),
                    nameThree = $('#chooseThreeSelect').find("option:selected").text();
                var num = $('#chooseThreeSelect').children("option").size();
                if(idOne == "") {
                    layer.msg("请选择资质类别");
                    return;
                }
                if(idTwo == "") {
                    layer.msg("请选择资质专业");
                    return;
                }
                if(num != 1 && idThree == "") {
                    layer.msg("请选择资质等级");
                    return;
                }
                var _ids = idOne+'-'+idTwo+'-'+idThree;
                var _names = nameOne+'->'+nameTwo+'->'+nameThree;
               if($.inArray(_ids,select_project) >= 0){
                   layer.msg('['+_names+"]</br>已经添加");
                   return;
               }
                select_project.push(_ids);
               var com_select_div = $('#com_select_div');
               var content = "<p id='ids_"+_ids+"'>"+_names+"&nbsp;&nbsp;&nbsp;&nbsp;<span style='cursor:pointer' class='glyphicon glyphicon-remove' onclick='removeProject(\""+_ids+"\")'></span></p>";
       com_select_div.append(content);
            }
            //移除选择的项目
            function removeProject(opt){
                if($.inArray(opt,select_project) >= 0) {
                    select_project.splice($.inArray(opt, select_project), 1);
                    $("#ids_"+opt).remove();
                }
			}
			// 跳转
			function goGetDt() {
                if(select_project.length < 1){
                    layer.msg("请先选择项目");
                    return;
                }
                var select_project_str = select_project.join(",");
				location.href = "/baojiadetail/" + select_project_str;
			}
		</script>

	</body>

</html>